// 头部标签
.nav {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  align-items: center;

  > div {
    display: flex;
    align-items: center;
  }
  ion-segment {
    border-radius: 15px;
    --background: #fc4a5b;
    ion-segment-button {
      --border-radius: 15px;
      --color: white;
      --color-checked: #fc4a5b;
      font-size: 0.95em;
    }
  }
}
.cell {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding: 10px 20px;
  height: 18vh;
  box-sizing: border-box;
  > div {
    display: flex;
    justify-content: space-between;
  }
  > div:first-child {
    > div:first-child {
      display: flex;
      align-items: center;
      > span {
        font-size: 1.1em;
        font-weight: 600;
        max-width: 46vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      > ion-badge {
        margin-left: 10px;
        --color: white;
        --background: orange;
        font-weight: 400;
        --padding-top: 3px;
        --padding-bottom: 3px;
      }
    }
    > .price {
      span {
        color: #fc4a5b;
      }
      > span:last-child {
        font-size: 1.3em;
        font-weight: 600;
        margin-right: 3px;
      }
    }
  }
  > div:nth-child(2) {
    color: #999;
    font-size: 0.9em;
  }
  > div:last-child {
    color: #999;
    > div:first-child {
      font-size: 0.9em;
      width: 74vw;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}
